<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    {% load static %}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>校园宿舍管理系统</title>
    <link rel="stylesheet" href="{% static './login/css/login_ercode.css' %}">


</head>

<body style="">
    <div class="main">
        <div class="main_bg">
            <div class="loginBox">
                <!-- signContent -->
                <div class="signContent">
                    <div class="signContainer">
                        <form action="" class="loginForm" data-module="smsFrom">
                            <!-- tab -->
                            <div class="tabBox">
                                <div class="tabBoxSwitch">
                                    <ul class="tabBoxSwitchUl">
                                        <li class="tab-active" data-id="0">免密码登录</li>
                                        <li data-id="1">密码登录</li>
                                    </ul>
<!--                                    <div class="ercode_tab swicth-ercode">-->
<!--                                        <svg width="52" height="52" xmlns:xlink="http://www.w3.org/1999/xlink" fill="currentColor">-->
<!--                                            <defs>-->
<!--                                                <path id="id-3938311804-a" d="M0 0h48a4 4 0 0 1 4 4v48L0 0z"></path>-->
<!--                                            </defs>-->
<!--                                            <g fill="none" fill-rule="evenodd">-->
<!--                                                <mask id="id-3938311804-b" fill="#fff">-->
<!--                                                    <use xlink:href="#id-3938311804-a"></use>-->
<!--                                                </mask>-->
<!--                                                <use fill="#0084FF" xlink:href="#id-3938311804-a"></use>-->
<!--                                                <image width="52" height="52" mask="url(#id-3938311804-b)" xlink:href="">-->
<!--                                                </image>-->
<!--                                            </g>-->
<!--                                        </svg>-->
<!--                                    </div>-->
                                </div>
                            </div>
                            <!-- tabContent -->
                            <div class="tabContent">
                                <!-- tabContentPhone -->
                                <div class="tabcont  tabContentPhone active">
                                    <div class="tabcontent">
                                        <div class="phoneBox">
                                            <div class="phoneGroup">
                                                <button class="phone-btn selectBtn" type="button" data-type="selected">
                                                    <span>中国 +86</span>
                                                    <svg class="Zi--Select Select-arrow" fill="currentColor" viewBox="0 0 24 24">
                                                        <path d="M12 16.183l2.716-2.966a.757.757 0 0 1 1.064.001.738.738 0 0 1 0 1.052l-3.247 3.512a.758.758 0 0 1-1.064 0L8.22 14.27a.738.738 0 0 1 0-1.052.758.758 0 0 1 1.063 0L12 16.183zm0-9.365L9.284 9.782a.758.758 0 0 1-1.064 0 .738.738 0 0 1 0-1.052l3.248-3.512a.758.758 0 0 1 1.065 0L15.78 8.73a.738.738 0 0 1 0 1.052.757.757 0 0 1-1.063.001L12 6.818z" fill-rule="evenodd"></path>
                                                    </svg>
                                                </button>
                                            </div>
<!--                                            <div class="selectConentent">-->
<!--                                                <div class="selectOptions">-->
<!--                                                 <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="0"> 中国    +86</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="1"> 美国    +1</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="2"> 日本    +81</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="3"> 中国香港    +852</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="4"> 中国澳门    +853</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="5"> 中国台湾    +886</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="6"> 马来西亚    +60</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="7"> 澳大利亚    +61</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="8"> 加拿大    +1</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="9"> 英国    +44</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="10"> 新加坡    +65</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="11"> 德国    +49</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="12"> 俄罗斯    +7</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="13"> 埃及    +20</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="14"> 南非    +27</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="15"> 希腊    +30</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="16"> 荷兰    +31</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="17"> 比利时    +32</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="18"> 法国    +33</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="19"> 西班牙    +34</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="20"> 匈牙利    +36</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="21"> 意大利    +39</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="22"> 罗马尼亚    +40</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="23"> 瑞士    +41</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="24"> 奥地利    +43</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="25"> 丹麦    +45</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="26"> 瑞典    +46</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="27"> 挪威    +47</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="28"> 波兰    +48</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="29"> 秘鲁    +51</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="30"> 墨西哥    +52</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="31"> 古巴    +53</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="32"> 阿根廷    +54</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="33"> 巴西    +55</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="34"> 智利    +56</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="35"> 哥伦比亚    +57</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="36"> 委内瑞拉    +58</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="37"> 印度尼西亚    +62</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="38"> 菲律宾    +63</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="39"> 新西兰    +64</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="40"> 泰国    +66</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="41"> 哈萨克斯坦    +7</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="42"> 韩国    +82</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="43"> 越南    +84</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="44"> 土耳其    +90</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="45"> 印度    +91</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="46"> 巴基斯坦    +92</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="47"> 阿富汗    +93</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="48"> 斯里兰卡    +94</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="49"> 缅甸    +95</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="50"> 伊朗    +98</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="51"> 摩洛哥    +212</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="52"> 阿尔及利亚    +213</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="53"> 突尼斯    +216</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="54"> 利比亚    +218</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="55"> 冈比亚    +220</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="56"> 塞内加尔    +221</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="57"> 马里    +223</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="58"> 几内亚    +224</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="59"> 科特迪瓦    +225</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="60"> 布基纳法索    +226</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="61"> 尼日尔    +227</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="62"> 多哥    +228</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="63"> 贝宁    +229</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="64"> 毛里求斯    +230</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="65"> 利比里亚    +231</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="66"> 塞拉利昂    +232</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="67"> 加纳    +233</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="68"> 尼日利亚    +234</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="69"> 乍得    +235</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="70"> 中非共和国    +236</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="71"> 喀麦隆    +237</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="72"> 圣多美和普林西比    +239</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="73"> 加蓬    +241</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="74"> 刚果民主共和国    +243</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="75"> 安哥拉    +244</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="76"> 阿森松岛    +247</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="77"> 塞舌尔    +248</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="78"> 苏丹    +249</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="79"> 埃塞俄比亚    +251</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="80"> 索马里    +252</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="81"> 吉布提    +253</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="82"> 肯尼亚    +254</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="83"> 坦桑尼亚    +255</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="84"> 乌干达    +256</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="85"> 布隆迪    +257</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="86"> 莫桑比克    +258</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="87"> 赞比亚    +260</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="88"> 马达加斯加    +261</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="89"> 津巴布韦    +263</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="90"> 纳米比亚    +264</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="91"> 马拉维    +265</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="92"> 莱索托    +266</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="93"> 博茨瓦纳    +267</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="94"> 斯威士兰    +268</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="95"> 直布罗陀    +350</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="96"> 葡萄牙    +351</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="97"> 卢森堡    +352</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="98"> 爱尔兰    +353</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="99"> 冰岛    +354</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="100"> 阿尔巴尼亚    +355</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="101"> 马耳他    +356</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="102"> 塞浦路斯    +357</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="103"> 芬兰    +358</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="104"> 保加利亚    +359</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="105"> 立陶宛    +370</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="106"> 拉脱维亚    +371</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="107"> 爱沙尼亚    +372</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="108"> 摩尔多瓦    +373</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="109"> 亚美尼亚    +374</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="110"> 白俄罗斯    +375</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="111"> 安道尔共和国    +376</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="112"> 摩纳哥    +377</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="113"> 圣马力诺    +378</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="114"> 乌克兰    +380</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="115"> 斯洛文尼亚    +386</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="116"> 捷克    +420</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="117"> 斯洛伐克    +421</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="118"> 列支敦士登    +423</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="119"> 伯利兹    +501</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="120"> 瓜地马拉    +502</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="121"> 萨尔瓦多    +503</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="122"> 洪都拉斯    +504</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="123"> 尼加拉瓜    +505</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="124"> 哥斯达黎加    +506</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="125"> 巴拿马    +507</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="126"> 海地    +509</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="127"> 玻利维亚    +591</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="128"> 圭亚那    +592</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="129"> 厄瓜多尔    +593</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="130"> 法属圭亚那    +594</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="131"> 巴拉圭    +595</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="132"> 马提尼克    +596</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="133"> 苏里南    +597</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="134"> 乌拉圭    +598</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="135"> 文莱    +673</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="136"> 巴布亚新几内亚    +675</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="137"> 汤加    +676</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="138"> 所罗门群岛    +677</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="139"> 斐济    +679</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="140"> 库克群岛    +682</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="141"> 法属波利尼西亚    +689</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="142"> 柬埔寨    +855</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="143"> 老挝    +856</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="144"> 孟加拉国    +880</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="145"> 马尔代夫    +960</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="146"> 黎巴嫩    +961</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="147"> 约旦    +962</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="148"> 叙利亚    +963</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="149"> 伊拉克    +964</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="150"> 科威特    +965</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="151"> 沙特阿拉伯    +966</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="152"> 也门    +967</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="153"> 阿曼    +968</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="154"> 阿拉伯联合酋长国    +971</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="155"> 以色列    +972</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="156"> 巴林    +973</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="157"> 卡塔尔    +974</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="158"> 蒙古    +976</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="159"> 尼泊尔    +977</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="160"> 塔吉克斯坦    +992</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="161"> 土库曼斯坦    +993</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="162"> 阿塞拜疆    +994</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="163"> 格鲁吉亚    +995</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="164"> 吉尔吉斯斯坦    +996</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="165"> 乌兹别克斯坦    +998</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="166"> 巴哈马    +1242</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="167"> 巴巴多斯    +1246</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="168"> 安圭拉岛    +1264</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="169"> 安提瓜和巴布达    +1268</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="170"> 开曼群岛    +1345</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="171"> 百慕大群岛    +1441</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="172"> 格林纳达    +1473</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="173"> 蒙特塞拉特岛    +1664</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="174"> 关岛    +1671</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="175"> 圣露西亚    +1758</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="176"> 波多黎各    +1787</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="177"> 多明尼加共和国    +1809</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="178"> 特立尼达和多巴哥    +1868</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="179"> 牙买加    +1876</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="180"> 塞尔维亚共和国    +381</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="181"> 毛里塔尼亚    +222</button></div>-->
<!--                                            </div>-->
                                        </div>
                                        <span class="line-show"></span>
                                        <div class="phoneInputGroup">
                                            <label for="" class="inputLabel phoneLabel">
                                                <input type="text" value="" name="" id="phoneInput" class="inputStyle phoneInput" placeholder="手机号" autocomplete="off">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="tabcontent">
                                        <div class="phoneInputGroup">
                                            <label for="" class="inputLabel">
                                                <input type="number" value="" name="" id="msgInput" class="inputStyle msgInput" placeholder="输入 4 位短信验证码" autocomplete="off">
                                            </label>
                                        </div>
                                        <div class="phoneGroup">
                                            <button class="phone-btn msgBtn" type="button" id="send">
                                                获取短信验证码
                                            </button>
                                        </div>
                                    </div>
                                </div>
                                <!-- tabContentAccount -->
                                <div class="tabcont tabContentAccount">
                                    <div class="tabcontent">
                                        <div class="login-out-phoneBox">
                                            <div class="phoneBox">
                                                <div class="phoneGroup">
                                                    <button class="phone-btn selectBtn" type="button" data-type="selected">
                                                        <span>中国 +86</span>
                                                        <svg class="Zi--Select Select-arrow" fill="currentColor" viewBox="0 0 24 24">
                                                            <path d="M12 16.183l2.716-2.966a.757.757 0 0 1 1.064.001.738.738 0 0 1 0 1.052l-3.247 3.512a.758.758 0 0 1-1.064 0L8.22 14.27a.738.738 0 0 1 0-1.052.758.758 0 0 1 1.063 0L12 16.183zm0-9.365L9.284 9.782a.758.758 0 0 1-1.064 0 .738.738 0 0 1 0-1.052l3.248-3.512a.758.758 0 0 1 1.065 0L15.78 8.73a.738.738 0 0 1 0 1.052.757.757 0 0 1-1.063.001L12 6.818z" fill-rule="evenodd"></path>
                                                        </svg>
                                                    </button>
                                                </div>
<!--                                                <div class="selectConentent">-->
<!--                                                    <div class="selectOptions">-->
<!--                                                     <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="0"> 中国    +86</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="1"> 美国    +1</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="2"> 日本    +81</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="3"> 中国香港    +852</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="4"> 中国澳门    +853</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="5"> 中国台湾    +886</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="6"> 马来西亚    +60</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="7"> 澳大利亚    +61</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="8"> 加拿大    +1</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="9"> 英国    +44</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="10"> 新加坡    +65</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="11"> 德国    +49</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="12"> 俄罗斯    +7</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="13"> 埃及    +20</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="14"> 南非    +27</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="15"> 希腊    +30</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="16"> 荷兰    +31</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="17"> 比利时    +32</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="18"> 法国    +33</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="19"> 西班牙    +34</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="20"> 匈牙利    +36</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="21"> 意大利    +39</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="22"> 罗马尼亚    +40</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="23"> 瑞士    +41</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="24"> 奥地利    +43</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="25"> 丹麦    +45</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="26"> 瑞典    +46</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="27"> 挪威    +47</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="28"> 波兰    +48</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="29"> 秘鲁    +51</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="30"> 墨西哥    +52</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="31"> 古巴    +53</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="32"> 阿根廷    +54</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="33"> 巴西    +55</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="34"> 智利    +56</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="35"> 哥伦比亚    +57</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="36"> 委内瑞拉    +58</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="37"> 印度尼西亚    +62</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="38"> 菲律宾    +63</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="39"> 新西兰    +64</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="40"> 泰国    +66</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="41"> 哈萨克斯坦    +7</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="42"> 韩国    +82</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="43"> 越南    +84</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="44"> 土耳其    +90</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="45"> 印度    +91</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="46"> 巴基斯坦    +92</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="47"> 阿富汗    +93</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="48"> 斯里兰卡    +94</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="49"> 缅甸    +95</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="50"> 伊朗    +98</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="51"> 摩洛哥    +212</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="52"> 阿尔及利亚    +213</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="53"> 突尼斯    +216</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="54"> 利比亚    +218</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="55"> 冈比亚    +220</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="56"> 塞内加尔    +221</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="57"> 马里    +223</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="58"> 几内亚    +224</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="59"> 科特迪瓦    +225</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="60"> 布基纳法索    +226</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="61"> 尼日尔    +227</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="62"> 多哥    +228</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="63"> 贝宁    +229</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="64"> 毛里求斯    +230</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="65"> 利比里亚    +231</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="66"> 塞拉利昂    +232</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="67"> 加纳    +233</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="68"> 尼日利亚    +234</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="69"> 乍得    +235</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="70"> 中非共和国    +236</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="71"> 喀麦隆    +237</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="72"> 圣多美和普林西比    +239</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="73"> 加蓬    +241</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="74"> 刚果民主共和国    +243</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="75"> 安哥拉    +244</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="76"> 阿森松岛    +247</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="77"> 塞舌尔    +248</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="78"> 苏丹    +249</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="79"> 埃塞俄比亚    +251</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="80"> 索马里    +252</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="81"> 吉布提    +253</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="82"> 肯尼亚    +254</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="83"> 坦桑尼亚    +255</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="84"> 乌干达    +256</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="85"> 布隆迪    +257</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="86"> 莫桑比克    +258</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="87"> 赞比亚    +260</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="88"> 马达加斯加    +261</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="89"> 津巴布韦    +263</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="90"> 纳米比亚    +264</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="91"> 马拉维    +265</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="92"> 莱索托    +266</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="93"> 博茨瓦纳    +267</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="94"> 斯威士兰    +268</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="95"> 直布罗陀    +350</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="96"> 葡萄牙    +351</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="97"> 卢森堡    +352</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="98"> 爱尔兰    +353</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="99"> 冰岛    +354</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="100"> 阿尔巴尼亚    +355</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="101"> 马耳他    +356</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="102"> 塞浦路斯    +357</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="103"> 芬兰    +358</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="104"> 保加利亚    +359</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="105"> 立陶宛    +370</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="106"> 拉脱维亚    +371</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="107"> 爱沙尼亚    +372</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="108"> 摩尔多瓦    +373</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="109"> 亚美尼亚    +374</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="110"> 白俄罗斯    +375</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="111"> 安道尔共和国    +376</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="112"> 摩纳哥    +377</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="113"> 圣马力诺    +378</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="114"> 乌克兰    +380</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="115"> 斯洛文尼亚    +386</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="116"> 捷克    +420</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="117"> 斯洛伐克    +421</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="118"> 列支敦士登    +423</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="119"> 伯利兹    +501</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="120"> 瓜地马拉    +502</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="121"> 萨尔瓦多    +503</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="122"> 洪都拉斯    +504</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="123"> 尼加拉瓜    +505</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="124"> 哥斯达黎加    +506</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="125"> 巴拿马    +507</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="126"> 海地    +509</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="127"> 玻利维亚    +591</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="128"> 圭亚那    +592</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="129"> 厄瓜多尔    +593</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="130"> 法属圭亚那    +594</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="131"> 巴拉圭    +595</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="132"> 马提尼克    +596</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="133"> 苏里南    +597</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="134"> 乌拉圭    +598</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="135"> 文莱    +673</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="136"> 巴布亚新几内亚    +675</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="137"> 汤加    +676</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="138"> 所罗门群岛    +677</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="139"> 斐济    +679</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="140"> 库克群岛    +682</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="141"> 法属波利尼西亚    +689</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="142"> 柬埔寨    +855</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="143"> 老挝    +856</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="144"> 孟加拉国    +880</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="145"> 马尔代夫    +960</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="146"> 黎巴嫩    +961</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="147"> 约旦    +962</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="148"> 叙利亚    +963</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="149"> 伊拉克    +964</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="150"> 科威特    +965</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="151"> 沙特阿拉伯    +966</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="152"> 也门    +967</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="153"> 阿曼    +968</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="154"> 阿拉伯联合酋长国    +971</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="155"> 以色列    +972</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="156"> 巴林    +973</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="157"> 卡塔尔    +974</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="158"> 蒙古    +976</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="159"> 尼泊尔    +977</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="160"> 塔吉克斯坦    +992</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="161"> 土库曼斯坦    +993</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="162"> 阿塞拜疆    +994</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="163"> 格鲁吉亚    +995</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="164"> 吉尔吉斯斯坦    +996</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="165"> 乌兹别克斯坦    +998</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="166"> 巴哈马    +1242</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="167"> 巴巴多斯    +1246</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="168"> 安圭拉岛    +1264</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="169"> 安提瓜和巴布达    +1268</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="170"> 开曼群岛    +1345</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="171"> 百慕大群岛    +1441</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="172"> 格林纳达    +1473</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="173"> 蒙特塞拉特岛    +1664</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="174"> 关岛    +1671</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="175"> 圣露西亚    +1758</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="176"> 波多黎各    +1787</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="177"> 多明尼加共和国    +1809</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="178"> 特立尼达和多巴哥    +1868</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="179"> 牙买加    +1876</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="180"> 塞尔维亚共和国    +381</button> <button class="phone-btn selectBtn select-option" type="button" data-type="option" data-id="181"> 毛里塔尼亚    +222</button></div>-->
<!--                                                </div>-->
                                            </div>
                                            <span class="line-show"></span>
                                        </div>

                                        <div class="phoneInputGroup">
                                            <label for="" class="inputLabel phoneLabel">
                                                <input type="text" value="" name="" id="accountUser" class="inputStyle accountUsername" placeholder="手机号或邮箱" autocomplete="off">
                                            </label>
                                        </div>
                                    </div>
                                    <div class="tabcontent">
                                        <div class="phoneInputGroup">
                                            <label for="" class="inputLabel phoneLabel">
                                                <input type="password" value="" name="" id="accountpwd" class="inputStyle accountPwd" placeholder="密码" autocomplete="off">
                                            </label>

                                        </div>
                                        <button tabindex="-1" type="button" class="button SignFlow-switchPassword">
                                            <span style="display: inline-flex; align-items: center;">​
                                                <svg class="Zi Zi--Eye Button-zi" fill="currentColor" viewBox="0 0 24 24" width="1.2em" height="1.2em">
                                                    <path d="M1 11.5C1 15 7 19 12 19s11-4 11-7.5S17 4 12 4 1 8 1 11.5zm11 5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm-3-5c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z" fill-rule="evenodd">
                                                    </path>
                                                </svg>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <!-- loginbox -->
                            <div class="login_box">
<!--                                <button type="button" class="phone-btn out-login-btn-shw out-login-btn SignFlow-switchLogin" data-btn="out-login-btn" data-clilck="isClick">海外手机登录</button>-->
<!--                                <button type="button" class="phone-btn voice-btn sms-voice-btn" data-btn="sms-voice-btn" data-forv="forget-voice">接收语音验证码</button>-->
                            </div>
                            <button id="submit" type="button" class="button fromSubmit" data-type="smsSubmit">登录</button>
                            <!-- tips -->
<!--                            <div class="SignContainer-tip">-->
<!--                                <div>-->
<!--                                    <div>未注册手机验证后自动登录，注册即代表同意<a href="https://www.jq22.com/demo/login_ercode202004270850/html/#">《乎乎协议》</a><a href="https://www.jq22.com/demo/login_ercode202004270850/html/#">《隐私保护指引》</a></div>-->
<!--                                </div>-->
<!--                            </div>-->
                        </form>
                        <!-- ercodeSgin -->
                        <div class="ercodeSignBox">
                            <div class="ercode_tab switch-input">
                                <svg width="52" height="52" xmlns:xlink="http://www.w3.org/1999/xlink" fill="currentColor">
                                    <defs>
                                        <path id="id-14580708-a" d="M0 0h48a4 4 0 0 1 4 4v48L0 0z"></path>
                                    </defs>
                                    <g fill="none" fill-rule="evenodd">
                                        <mask id="id-14580708-b" fill="#fff">
                                            <use xlink:href="#id-14580708-a"></use>
                                        </mask>
                                        <use fill="#0084FF" xlink:href="#id-14580708-a"></use>
                                        <path fill="#FFF" d="M22.125 4h13.75A4.125 4.125 0 0 1 40 8.125v27.75A4.125 4.125 0 0 1 35.875 40h-13.75A4.125 4.125 0 0 1 18 35.875V8.125A4.125 4.125 0 0 1 22.125 4zm6.938 34.222c1.139 0 2.062-.945 2.062-2.11 0-1.167-.923-2.112-2.063-2.112-1.139 0-2.062.945-2.062 2.111 0 1.166.923 2.111 2.063 2.111zM21 8.333v24h16v-24H21z" mask="url(#id-14580708-b)"></path>
                                        <g mask="url(#id-14580708-b)">
                                            <path fill="#FFF" d="M46.996 15.482L39 19.064l-7.996-3.582A1.6 1.6 0 0 1 32.6 14h12.8a1.6 1.6 0 0 1 1.596 1.482zM47 16.646V24.4a1.6 1.6 0 0 1-1.6 1.6H32.6a1.6 1.6 0 0 1-1.6-1.6v-7.754l8 3.584 8-3.584z">
                                            </path>
                                            <path fill="#0084FF" d="M31 15.483v1.17l8 3.577 8-3.577v-1.17l-8 3.581z" fill-rule="nonzero"></path>
                                        </g>
                                    </g>
                                </svg>
                            </div>
                            <!-- ercodeConent -->
                            <div class="ercodeContent">
                                <div class="Qrcode-title">扫码登录</div>
                                <div class="ercodeBox">
                                    <div class="Qrcode-img" id="qrcode" title="your content">
                                        <!-- <img width="150" height="150" src="../img/image.png" alt="二维码"> -->
                                    <canvas width="150" height="150" style="display: none;"></canvas><img alt="Scan me!" src="" style="display: block;"></div>
                                    <p>打开<a href="https://www.jq22.com/demo/login_ercode202004270850/html/#" target="_blank" rel="noopener noreferrer">
                                            乎乎 App</a></p>
                                    <p>在「我的」页面右上角打开扫一扫</p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
                <!--  -->
                <div class="css-1hmxk26"></div>
                <!-- signSocial -->
                <div class="footSign signSocial">
                    <span class="social-title">社交帐号登录</span>
                    <span class="Login-socialButtonGroup">
                        <button type="button" class="button Login-socialButton">
                            <svg class="Zi Zi--WeChat Login-socialIcon" fill="#60c84d" viewBox="0 0 24 24" width="20" height="20">
                                <path d="M2.224 21.667s4.24-1.825 4.788-2.056C15.029 23.141 22 17.714 22 11.898 22 6.984 17.523 3 12 3S2 6.984 2 11.898c0 1.86.64 3.585 1.737 5.013-.274.833-1.513 4.756-1.513 4.756zm5.943-9.707c.69 0 1.25-.569 1.25-1.271a1.26 1.26 0 0 0-1.25-1.271c-.69 0-1.25.569-1.25 1.27 0 .703.56 1.272 1.25 1.272zm7.583 0c.69 0 1.25-.569 1.25-1.271a1.26 1.26 0 0 0-1.25-1.271c-.69 0-1.25.569-1.25 1.27 0 .703.56 1.272 1.25 1.272z" fill-rule="evenodd"></path>
                            </svg>
                            微信
                        </button>
                        <button type="button" class="button Login-socialButton ">
                            <svg class="Zi Zi--QQ Login-socialIcon" fill="#50c8fd" viewBox="0 0 24 24" width="20" height="20">
                                <path d="M12.003 2c-2.265 0-6.29 1.364-6.29 7.325v1.195S3.55 14.96 3.55 17.474c0 .665.17 1.025.281 1.025.114 0 .902-.484 1.748-2.072 0 0-.18 2.197 1.904 3.967 0 0-1.77.495-1.77 1.182 0 .686 4.078.43 6.29 0 2.239.425 6.287.687 6.287 0 0-.688-1.768-1.182-1.768-1.182 2.085-1.77 1.905-3.967 1.905-3.967.845 1.588 1.634 2.072 1.746 2.072.111 0 .283-.36.283-1.025 0-2.514-2.166-6.954-2.166-6.954V9.325C18.29 3.364 14.268 2 12.003 2z" fill-rule="evenodd">
                                </path>
                            </svg>
                            QQ
                        </button>
                        <button type="button" class="button Login-socialButton">
                            <svg class="Zi Zi--Weibo Login-socialIcon" fill="#fb6622" viewBox="0 0 24 24" width="20" height="20">
                                <path fill="#FB6622" d="M15.518 3.06c8.834-.854 7.395 7.732 7.394 7.731-.625 1.439-1.673.309-1.673.309.596-7.519-5.692-6.329-5.692-6.329-.898-1.067-.029-1.711-.029-1.711zm4.131 6.985c-.661 1.01-1.377.126-1.376.126.205-3.179-2.396-2.598-2.396-2.598-.719-.765-.091-1.346-.091-1.346 4.882-.551 3.863 3.818 3.863 3.818zM5.317 7.519s4.615-3.86 6.443-1.328c0 0 .662 1.08-.111 2.797.003-.003 3.723-1.96 5.408.159 0 0 .848 1.095-.191 2.649 0 0 2.918-.099 2.918 2.715 0 2.811-4.104 6.44-9.315 6.44-5.214 0-8.026-2.092-8.596-3.102 0 0-3.475-4.495 3.444-10.33zm10.448 7.792s.232-4.411-5.71-4.207c-6.652.231-6.579 4.654-6.579 4.654.021.39.097 3.713 5.842 3.713 5.98 0 6.447-4.16 6.447-4.16zm-9.882.86s-.059-3.632 3.804-3.561c3.412.06 3.206 3.165 3.206 3.165s-.026 2.979-3.684 2.979c-3.288 0-3.326-2.583-3.326-2.583zm2.528 1.037c.672 0 1.212-.447 1.212-.998 0-.551-.543-.998-1.212-.998-.672 0-1.215.447-1.215.998 0 .551.546.998 1.215.998z" fill-rule="evenodd">
                                </path>
                            </svg>
                            微博
                        </button>
                    </span>
                </div>
                <!-- signDownload -->
<!--                <div class="footSign signDownload">-->
<!--                    <div class="css-eow14e rt"> -->
<!--                        <button class="button css-c01qo8" type="button">-->
<!--                            <span style="display: inline-flex; align-items: center;">​-->
<!--                                <svg width="20" height="20" class="css-vfpo4o" fill="currentColor">-->
<!--                                    <g fill="none" fill-rule="evenodd">-->
<!--                                        <path fill="#0084FF" d="M15.234 0C18.125 0 20 1.875 20 4.766v10.468C20 18.125 18.125 20 15.234 20H4.766C1.875 20 0 18.125 0 15.234V4.766C0 1.875 1.875 0 4.766 0h10.468z">-->
<!--                                        </path>-->
<!--                                        <path d="M0 0h20v20H0z"></path>-->
<!--                                        <path fill="#FFF" d="M10.313 10.352c0-.012-.004-1.036-.328-1.055h-2.26a48.42 48.42 0 0 0 .095-3.164h2.21c0-.003.084-.982-.37-.977H5.837c.15-.563.34-1.15.566-1.758 0 0-1.039 0-1.393.937-.146.386-.57 1.87-1.325 3.388.254-.028 1.095-.05 1.59-.963.091-.255.109-.289.222-.627h1.246c0 .452-.051 2.897-.072 3.164H4.414c-.507.019-.672 1.043-.672 1.055h2.832c-.19 2.15-1.209 3.972-3.058 5.413.884.253 1.766-.04 2.202-.43 0 0 .992-.906 1.536-3.004l2.33 2.817s.342-1.166-.053-1.734c-.328-.387-1.212-1.434-1.589-1.814l-.631.504a7.686 7.686 0 0 0 .34-1.752h2.662zM10.898 5v9.441h1.015l.334 1.145 1.82-1.144h2.144V5h-5.313zm4.258 8.398h-1.214l-1.212.782-.22-.782h-.518V6.016h3.164v7.382z">-->
<!--                                        </path>-->
<!--                                    </g>-->
<!--                                </svg>-->
<!--                            </span>-->
<!--                            下载乎乎 App-->
<!--                        </button>-->
<!--                    </div>-->
<!--                </div>-->
            </div>
        </div>
    </div>
    
    <script src="{% static './login/js/jquery-1.10.2.js.下载' %}">
    </script><script src="{% static './login/js/jquery.min.js.下载' %}"></script>
    <script src="{% static './login/js/login.js.下载' %}"></script>
    <script src="{% static './login/js/qrcode.js.下载' %}"></script>

</body></html>
<script>
    $("#send").click(function () {
        var phone = $("#phoneInput").val()
        if(phone != ''){
            // 验证手机号规则
            var rule =  /^1[3456789]\d{9}$/.test(phone)
            if(rule){
                $.ajax({
                    method: "POST",
                    url: "{%url 'xyss_admin:sms_send' %}",
                    data: { phone: phone },
                    success: function (res) {
                        if(res['status'] == 1){
                            alert('发送短信成功')
                        }else{
                            alert(res['msg'])
                        }
                    }
                });
            } else {
                alert("手机号格式不正确");
            }

        }else{
            alert('手机号必填！')
        }

    })

    $("#submit").click(function () {
        // 获取当前激活的tab-active类 的dom对象中的data-id 的值
        var type = $(".tab-active").attr('data-id')

        if(type == 0){
            var phone = $("#phoneInput").val()
            var code = $("#msgInput").val()
            $.ajax({
                        method: "POST",
                        url: "{%url 'xyss_admin:sms_check' %}",
                        data: { phone: phone, code: code },
                        success: function (res) {
                            if(res['status'] == 1){
                                alert('验证成功')
                                location.href="{%url 'xyss_admin:index' %}";
                            }else{
                                alert(res['msg'])
                            }
                        }
            });
        }else{
            // 账号密码登陆
            var phone = $("#accountUser").val()
            var password = $("#accountpwd").val()
            var rule_phone =  /^1[3456789]\d{9}$/.test(phone)
            var rule_password =  /^[a-zA-Z\d]{6,}$/.test(password)

            if(!rule_phone){
                alert('手机号非法！')
                return false
            }

            if(!rule_password){
                alert('密码非法！')
                return false
            }

            $.ajax({
                    method: "POST",
                    url: "{%url 'xyss_admin:login_check' %}",
                    data: { phone: phone, password: password },
                    success: function (res) {
                        if(res['status'] == 1){
                            alert(res['msg'])
                            location.href="{%url 'xyss_admin:index' %}";
                        }else{
                            alert(res['msg'])
                        }
                    }
            });
        }


    })
</script>